/* pages/my/my.wxss */
/**index.wxss**/
// 登录
page {
  background-color: #f2f2f2;
}

.container {
  .userinfo {
    position: relative;
    height: 40vh;
    overflow: hidden;
    .login_btn {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 20%;
      text-align: center;
    }
    .user_img_wrap {
      .user_big {
        height: 50vh;
        width: 100%;
        filter: blur(10px);
      }
      .user_info_mini {
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 20%;
        text-align: center;
        .user_icon {
          width: 115rpx;
          height: 115rpx;
          border-radius: 50%;
          // border: mintcream 1px solid;
          box-shadow: 1px 1px 5px mintcream;
        }
        .user_name {
          color: white;
          margin-top: 40rpx;
          font-size: 30rpx;
        }
      }
    }
  }
}
// 登录end



.user_content {
  font-size: medium;
  position: relative;
  .user_main {
      padding-bottom: 100rpx;
    position: absolute;
    width: 90%;
    left: 50%;
    transform: translate(-50%);
    top: -40rpx;
    color: #666666;
    .history_wrap {
      background-color: white;
      display: flex;
      navigator {
        padding: 10rpx 0;
        flex: 1;
        text-align: center;
        .his_num {
          color: red;
        }
        .his_name {
        }
      }
    }

    .orders_wrap {
      background-color: #fff;
      margin-top: 30rpx;
      .orders_title {
        padding: 20rpx;
        border-bottom: 1px solid #ccc;
      }
      .orders_content {
        padding: 15rpx 0;
        display: flex;
        navigator {
          flex: 1;
          text-align: center;
          .iconfont {
            color: red;
          }
          .order_name {
          }
        }
      }
    }
    .address_wrap {
      margin-top: 30rpx;
      background-color: #fff;
      padding: 20rpx;
    .address_info{
      display: flex;
      flex-direction: column;
    }
    }
    .app_info_wrap {
      margin-top: 30rpx;
      background-color: #fff;
      .app_info_item {
        padding: 20rpx;
        border-bottom: solid 1rpx #ccc;
      }
      .app_info_contact {
        display: flex;
        justify-content: space-between;
      }
    }
    .recommend_wrap {
      margin-top: 30rpx;
      background-color: #fff;
      padding: 20rpx;
    }
  }
}


